<ui:composition 
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui" 
	template="/layout/template.xhtml">
	<ui:define name="content">
				<h:form id="form1">
					<h1>#{mensaje.menu_orden_compra}</h1>
						
					<p:commandButton value="#{mensaje.action_cerrar}" immediate="true" icon = "ui-icon-cancel"  onclick="PF('dlgorgcomp').hide();" ajax="true" action="#{ordenCompraBean.cancelar()}" />
				    <br/>
				
				 
				 <p:separator id="separator2"/>
				 <h3>#{mensaje.lista_orden_compra}</h3> 	
				 <p:panel>
				 	<p:dataTable id="tableproductos" paginator="true" rows="10" value="#{ordenCompraBean.ordenCompra.solicitudCotizacion.solicitudPedido.solicitudPedidosDetalle}" var="_sp"  >
							<p:column >
								<f:facet name="header">#{mensaje.columna_descripcion}</f:facet>
			                       <h:outputText value="#{_sp.producto.nombre}"/>   
			                </p:column>				
			
							<p:column >
								<f:facet name="header">#{mensaje.columna_cantidad}</f:facet>
			                       <h:outputText value="#{_sp.cantidad}"/> 
			                </p:column>
			                <p:column >
								<f:facet name="header">#{mensaje.columna_precio_unitario}</f:facet>
			                      <h:outputText value="#{_sp.precioUnitario}"/> 		                         
			                </p:column>
			          
			       			    <p:column>
			                	<f:facet name="header">SubTotal</f:facet>
			                      <h:outputText value="#{_sp.subtotal}"/> 
		                 </p:column> 
			                <p:columnGroup type="footer">
							 <p:row>
							 	
							 <p:column colspan="3" style="text-align:right" footerText="#{mensaje.columna_monto_total}:"/>
							 	
							 <p:column footerText="#{ordenCompraBean.ordenCompra.solicitudCotizacion.precio}" />
							 	
							 
							 </p:row>
							</p:columnGroup>
						</p:dataTable>
				 </p:panel>
				 
				</h:form>
	
	 <p:dialog  widgetVar="imporgcomp" resizable="false" closable="false" modal="true" appendTo="@(body)" dynamic="true" closeOnEscape="true" height="270" width="700">
		<h2>#{mensaje.accion_seleccione_solicitud_pedido}</h2>
	 	<h:form id="form2">
		 	<p:commandButton value="#{mensaje.accion_importar}"  	icon="ui-icon-disk" update=":form1" onclick="PF('imporgcomp').hide();"/>	
			<p:commandButton value="#{mensaje.action_cancelar}" immediate="true" icon = "ui-icon-cancel"  onclick="PF('imporgcomp').hide();" />
		    <p:separator /> 	
	 		<p:dataTable  value="#{ordenCompraBean.solicitudCotizacionModel}" paginator="true" rows="10"  
                 selection="#{ordenCompraBean.ordenCompra.solicitudCotizacion}" var="_spmodel" rowKey="#{_spmodel.id}">  
			  
			        <p:column headerText="id">  
			            <h:outputText value="#{_spmodel.id}"/>  
			        </p:column>  
			  
			        <p:column headerText="#{mensaje.label_proveedor}">  
			            <h:outputText value="#{_spmodel.proveedor.nombre}"/>  
			        </p:column>  
			 
			         <p:column headerText="#{mensaje.columna_monto_total}">  
			            <h:outputText value="#{_spmodel.precio}"/>  
			        </p:column> 
			           <p:column headerText="#{mensaje.columna_situacion}">  
			            <h:outputText value="#{_spmodel.situacionExtenso}"/>  
			        </p:column> 
			        
					 <p:column selectionMode="single" style="width:2%" />  
			        
			 </p:dataTable>  
		</h:form>	
	</p:dialog>	
</ui:define>
</ui:composition>